<!DOCTYPE html>
<html>

<head>
  <title>CHFE2023</title>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
  <!-- <link rel="stylesheet" href="./index.css"> -->
  <style>
    .container-main {
      /* background: #021e47; */
      /* background: url('./img/1222.png') no-repeat center; */
      background-size: 100% auto;
    }

    #reLottery,
    #reset {
      opacity: 0;
    }

    #reLottery:hover,
    #reset:hover {
      opacity: 1;
    }
  </style>
</head>

<body>
  <script src="./lib/three.min.js"></script>
  <script src="./lib/tween.min.js"></script>
  <script src="./lib/TrackballControls.js"></script>
  <script src="./lib/CSS3DRenderer.js"></script>
  <script src="./lib/ajax.js"></script>

  <div class="canvas-box">
    <canvas id="canvas">你的浏览器不支持canvas</canvas>
  </div>

  <div class="music">
    <audio id="music" src="./data/music.mp3" class="music-item" loop></audio>
    <div id="musicBox" class="music-box" title="播放/暂停背景音乐">Music</div>
  </div>

  <div id="prizeBar"></div>

  <div class="container-main">
    <div id="container"></div>
  </div>

  <div id="menu">
    <button id="enter">进入抽奖</button>
    <div id="lotteryBar" class="none">
      <button id="lottery">开始抽奖</button>
      <div class="fixed-bar">
        <button id="reLottery" class="fixed-btn">重新抽奖</button>
        <button id="reset" class="fixed-btn">重置</button>
        <button id="save" class="fixed-btn">导出抽奖结果</button>
      </div>
    </div>
  </div>

  <div class="qipao-container"></div>
</body>

</html>